{% extends 'layout.html' %}

{%block main%}
<ol class="breadcrumb">
    <li><a href="/">首页</a></li>
    <li><span>内容添加</span></li>
</ol>
<h3>内容添加</h3>
<form method="post">
    <div class="form-group">
        <label for="title">分类：</label>
        <select name="category" id="category" class="form-control">
            {%for category in categories%}
            <option value="{{category.id}}">{{category.name}}</option>
            {%endfor%}
        </select>
    </div>
    <div class="form-group">
        <label for="title">标题：</label>
        <input type="text" class="form-control" id="title" placeholder="请输入内容标题" name="title">
    </div>
    <div class="form-group">
        <label for="description">简介：</label>
        <input type="text" class="form-control" id="description" class="form-control" placeholder="请输入内容简介" name="description">
        <!--<textarea name="description" id="description" class="form-control" rows="5" placeholder="请输入内容简介"></textarea>-->
    </div>
    <div class="form-group">
        <label for="editor">内容：</label>
        <!--<div class="editor-wrapper">-->
            <textarea name="content" id="editor" class="form-control" rows="10" placeholder="请输入内容"></textarea>
        <!--</div>-->
        <!--<textarea name="content" id="content" class="form-control" rows="10" placeholder="请输入内容"></textarea>-->
        <input type="hidden" name="textParse"/>
    </div>
    <button type="submit" class="btn btn-default">提交</button>
</form>
<script type="text/javascript" src="/public/editor/zepto.js"></script>
<script type="text/javascript">
var editor = new Editor();
editor.render();
    $('[type="submit"]').on('click',function(){
        var text = editor.codemirror.getValue();
        var textParse = editor.constructor.markdown(text);
        $('[name="textParse"]').val(textParse);
    });
</script>
{%endblock%}